.login_panel_box {
    padding: 4px 10px 0 10px;
    width: 230px;
    background: #fff;
    box-sizing: border-box;
    z-index: 99;
    min-height: 180px;
    & .login_box_top {
        & .user_icon {
            float: left;
            margin: 10px 10px 10px 1px;
            width: 45px;
            height: 45px;
            & img {
                width: 100%;
                height: 100%;
                border-radius: 50%;
            }
        }
        & .main_right {
            & .notice_box {
                width: 25px;
                height: 25px;
                float: right;
                text-align: center;
                margin-top: 8px;
                margin-right: 5px;
                border-radius: 100%;
                cursor: pointer;
                & .toolbar_msg_count {
                    margin-left: -6px;
                    width: 6px;
                    height: 6px;
                    background: #fc5531;
                    border-radius: 8px;
                    color: #fff;
                    position: absolute;
                    vertical-align: middle;
                    text-align: center;
                    white-space: nowrap;
                }
            } 
        }
        & .main_on, .main_down {
            display: flex;
            justify-content: space-between;
            & .user_name {
                font-size: 14px;
                margin: 14px 0 3px!important;
                font-weight: 600!important;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
                & a {
                    color: #333;
                }
            }
            & .user_content {
                position: relative;
                font-size: 12px;
                line-height: 14px;
                color: #999;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }
    }
    & .login_box_center {
        & .number_board {
            display: flex;
            width: 100%;
            margin: 13px 0;
            text-align: center;
            justify-content: center;
            & .number_board_item {
                padding: 0 20px;
                cursor: pointer;
                & a {
                    & .number_board_value {
                        color: #18191C;
                        font-size: 16px;
                        transition: color .2s;
                    }
                    & .number_board_name {
                        color: #9499A0;
                        font-weight: 400;
                        font-size: 12px;
                        transition: color .2s;
                    }
                }
                & a:hover {
                    color: #409EFF;
                }
            }
        }
    }
    & .login_box_bottom {
        & .busic_info {
            display: flex;
            justify-content: flex-end;
            & li {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                float: left;
                width: 28.1%;
                padding: 5px 5px;
                margin: 0;
                overflow: hidden;
                -webkit-transition: all .3s ease 0s;
                -o-transition: all .3s ease 0s;
                transition: all .3s ease 0s;
                display: flex;
                text-align: center;
                align-items: center;
                flex-direction: column;
                font-size: 12px;
                line-height: 15px;  
                cursor: pointer;
                & a {
                    display: flex;
                    text-align: center;
                    align-items: center;
                    flex-direction: column;
                    & .userCenter {
                        color: #298DF7;
                    }
                    & .accountSetting {
                        color: #38A65A;
                    }
                }
            }
            & .logOut {
                color: #FC7265;
            }
        }
    }
}
.userCenter:hover, .accountSetting:hover, .logOut:hover {
    border-radius: 4px;
    box-shadow: 1px 3px 9px #ccc;
    transition: .6s;
}